<div class="panel panel-default">
	<div class="panel-heading"><strong>Boletin</strong></div>
	<div class="panel-body">
	<form class="form-inline" role="form" id="form_insertar">
	<span id="test" class="label label-danger"></span>
		<div class="row">
			<div class="col-md-3">
				<div id="encabezado">
					<div class="form-group">
						<label for="numero" class="control-label"> Número: </label><br />
						<input type="text" name="numero" id="numero" class="form-control" placeholder="Numero de boletin" />
					</div>
					<div class="form-group">
						<label for="descrip" class="control-label">Descripción: </label><br />
						<input type="text" name="descrip" id="descrip" class="form-control" disabled="disabled" />
					</div>
					<div class="form-group">
						<label for="tipoBoletin" class="control-label">Tipo: </label><br />
						<select name="tipoBoletin" id="tipoBoletin" class="form-control">
						  <option value="0"  selected="selected">Nacional</option>
						  <option value="1" >Departamental</option>
						  <option value="2">Municipal</option>
						</select> 
					</div><br />
					<div class="form-group">
						<label for="porc" class="control-label">Porcentaje Boletín: </label><br />
						<input type="text" name="porc" id="porc" class="form-control" placeholder="Porcentaje de 0 a 100" />
					</div><br />
					<div id="dpto"  class="form-group">
						<label for="departamentos" class="control-label">Departamento: </label><br />
						<select name="departamentos" id="departamentos" class="form-control">
							<option value="0">Seleccione el departamento</option>
							<?php 
								foreach($dep as $k=>$v){	
							?>
							<option value="<?php echo $k;?>"><?php echo $k.' '.$v; ?></option>
							<?php
							} 
							?>
						</select>
					</div>
				</div>
			</div>
			<div class="col-md-9">
				<div id="general">
					<div id="muni" class="form-group"></div><br />
					<div class="form-group">
						<label for="candidato" class="control-label">Candidato: </label><br />
						<select name="candidato" id="candidato" class="form-control">
							<option value="0">Seleccione el candidato</option>
							<?php 
								foreach($can as $k=>$v){	
							?>
							<option value="<?php echo $k;?>"><?php echo $k." ".$v; ?></option>
							<?php
							} 
							?>
						</select>
					</div><br />
					<div class="form-group">
						<label for="cant" class="control-label">Cantidad de Votos: </label><br />
						<input type="text" name="cant" id="cant" class="form-control" placeholder="Numero de Votos" />
					</div ><br /><br />
					<label class="control-label">
						<input type="button" name="crearBoletin" value="Aceptar" id="crearBoletin" class="btn btn-primary" />
					</label>
					
					
				</div>
			</div>
		</div>
	</form>
</div>
<script>
function porcentaje()	{
	var n = $("#numero").val();
	var tipob = $("#tipoBoletin").val();
	$.post("<?php echo $url10;?>",{numero:n, tipoBoletin:tipob},function(res){
		if(res != -1)	{
			$("#porc").attr("disabled","disabled");
			$("#porc").val(res);
		}
		else	{
			$("#porc").val('');
			$('#porc').removeAttr("disabled");
		}
	});
}
$("#numero").keyup(function(){
	if($("#numero").val().length > 0)	{
		var n = $("#numero").val();
		$("#descrip").val('Boletin # ' + n);
		porcentaje();
	}
	else	{
		$("#descrip").val('');
		$("#porc").val('');
		$('#porc').removeAttr("disabled");
	}
});
$("#tipoBoletin").change(function() {
	porcentaje();
});
$(document).ready(function(){

	$("#numero").focus();
	jQuery.validator.addMethod("candid", function(value) {
		if(value != "0")	{
			return true;
		}
	}, "Error");
	
	jQuery.validator.addMethod("dym", function(value, param) {
		if ($(param).val() != 0) {
			return value != "0";
		}
	}, "Error");

	$("#form_insertar").validate({
		rules: {
			numero : {required:true,digits: true},
			descrip : {required:true},
			cant : {required:true,digits: true},
			porc : {required:true,number: true,range: [0, 100]},
			candidato : {candid: true},
			departamentos : {dym: '#tipoBoletin'},
			municipios : {dym: '#tipoBoletin'}
		},
		messages:{
			numero: {   required: 'Ingrese Número de Boletin',
						digits: 'Solo se permiten Números'
					},
			descrip: {   required: 'Ingrese una descripción'	},
			cant: {   required: 'Ingrese Cantidad de Votos',
						digits: 'Solo se permiten Números'
					},
			porc: {   required: 'Ingrese Porcentaje',
						number: 'Solo se permiten Números',
						range: 'El porcentaje debe estar entre 0 y 100'
					},
			candidato : {candid: 'Debe elegir un candidato'},
			departamentos : {dym: 'Debe elegir un departamento'},
			municipios : {dym: 'Debe elegir un municipio'}
		}
	});	
});

	$("#crearBoletin").click(function(event)
	{
		$("#test").html('');
		event.preventDefault();
		var form = $("#form_insertar");
		form.valid();
		var tipob = $("#tipoBoletin").val();
		var numb = $("#numero").val();
		var descb = $("#descrip").val();
		var cantv = $("#cant").val();
		var porcv = $("#porc").val();
		var candid = $("#candidato").val();
		var dpto = $("#departamentos").val();
		var munic = $("#municipios").val();

		if(candid != 0)	{
			if((tipob == 0) || (tipob == 1 && dpto != 0) || (tipob == 2 && dpto != 0 && munic != 0))	{
				$.post("<?php echo $url9;?>",{numero:numb, descrip:descb, tipoBoletin:tipob, cant:cantv, porc:porcv, candidato:candid, departamentos:dpto, municipios:munic, id:"<?php echo $_SESSION['IDENTIFICACION']; ?>"},function(res){
					$("#test").html(res);
				});
			}
		}
	});
	
	function TipoB()	{
		var tipob=$("#tipoBoletin").val();
		var departamento = $("#departamentos").val();
		switch(tipob)
		{
			case "0": /*Nacional*/
				$('#dpto').hide();
				$('#muni').hide();
				$("#departamentos").val("0");
				if($("#municipios").length > 0)	{
					$("#municipios").val("0");
				}
				break;
			case "1": /*Departamental*/
				$('#dpto').show();
				$('#muni').hide();
				if($("#municipios").length > 0)	{
					$("#municipios").val("0");
				}
				break;
			case "2":	/*Municipal*/
				$('#dpto').show();
				$('#muni').show();
				$.post("<?php echo $url2;?>",{departamento:departamento},function(res){
					$("#muni").html(res);
				});
				break;
		}
	}
	$("#tipoBoletin").change(function(event){
		TipoB();
	});
	$("#departamentos").change(function(event){
		TipoB();
	});
	TipoB();
</script>